$(document).ready(function() {
	$.ajax({
		type : 'post',
		url : context + '/system/module/menutreejson.jsp',
		data : {

	}	,// 可以直接加一个函数名。
		dataType : 'json',
		async : false,
		beforeSend : function() {
			var myLayout = $('body').layout({
				applyDefaultStyles : false,// 应用默认样式
				scrollToBookmarkOnLoad : false,// 页加载时滚动到标签
				showOverflowOnHover : false,// 鼠标移过显示被隐藏的，只在禁用滚动条时用。
				north__closable : false,// 可以被关闭
				north__resizable : false,// 可以改变大小
				north__size : 50,// pane的大小
				spacing_open : 1,// 边框的间隙
				spacing_closed : 3,// 关闭时边框的间隙
				resizerTip : "可调整大小",// 鼠标移到边框时，提示语
				// resizerCursor:"resize-p" 鼠标移上的指针样式
				resizerDragOpacity : 0.9,// 调整大小边框移动时的透明度
				maskIframesOnResize : "#ifa",// 在改变大小的时候，标记iframe（未通过测试）
				sliderTip : "显示/隐藏侧边栏",// 在某个Pane隐藏后，当鼠标移到边框上显示的提示语。
				sliderCursor : "pointer",// 在某个Pane隐藏后，当鼠标移到边框上时的指针样式。
				slideTrigger_open : "dblclick",// 在某个Pane隐藏后，鼠标触发其显示的事件。(click",
				// "dblclick", "mouseover)
				slideTrigger_close : "click",// 在某个Pane隐藏后，鼠标触发其关闭的事件。("click",
				// "mouseout")
				togglerTip_open : "关闭",// pane打开时，当鼠标移动到边框上按钮上，显示的提示语
				togglerTip_closed : "打开",// pane关闭时，当鼠标移动到边框上按钮上，显示的提示语
				togglerLength_open : 100,// pane打开时，边框按钮的长度
				togglerLength_closed : 100,// pane关闭时，边框按钮的长度
				hideTogglerOnSlide : true,// 在边框上隐藏打开/关闭按钮(测试未通过)
				togglerAlign_open : "center",// pane打开时，边框按钮显示的位置
				togglerAlign_closed : "center",// pane关闭时，边框按钮显示的位置
				// togglerContent_open : "<div
				// style='background:red'>></div>",//
				// pane打开时，边框按钮中需要显示的内容可以是符号"<"等。需要加入默认css样式.ui-layout-toggler
				// .content
				// togglerContent_closed : "<div
				// style='background:red'><</div>",//
				// pane关闭时，同上。
				enableCursorHotkey : true,// 启用快捷键CTRL或shift +
				// 上下左右。
				customHotkeyModifier : "shift",// 自定义快捷键控制键("CTRL",
				// "SHIFT",
				// "CTRL+SHIFT"),不能使用alt
				south__customHotkey : "shift+0",// 自定义快捷键（测试未通过）
				fxName : "drop",// 打开关闭的动画效果
				fxSpeed : "slow",// 动画速度
				// fxSettings: { duration: 500, easing:
				// "bounceInOut"
				// }//自定义动画设置(未通过测试)
				// initClosed:true,//初始时，所有pane关闭
				// initHidden:true //初始时，所有pane隐藏
				onresize : function() {
				},// 调整大小时调用的函数
				onshow_start : function() {
				},
				onshow_end : function() {
				}
					/*
					 * 其他回调函数
					 * 
					 * 显示时调用 onshow = "" onshow_start = "" onshow_end = "" 隐藏时调用
					 * onhide = "" onhide_start = "" onhide_end = "" 打开时调用
					 * onopen = "" onopen_start = "" onopen_end = "" 关闭时调用
					 * onclose = "" onclose_start = "" onclose_end = "" 改变大小时调用
					 * onresize = "" onresize_start = "" onresize_end = ""
					 */

				});

			var icons = {
				header : "ui-icon-circle-arrow-e",
				activeHeader : "ui-icon-circle-arrow-s"
			};

			$("#tabs").tabs({
						heightStyle : "fill"

					});

			$("#tabs span.ui-icon-close").live("click", function() {
				var panelId = $(this).closest("li").remove()
						.attr("aria-controls");
				$("#" + panelId).remove();
				$("#tabs").tabs("refresh");
			});

			$("#logoutA").attr("href", context + "/app/bcxdlogout.do");

			initDesktop();
		},
		success : function(data) {
			var accordHtml = "";
			$(data[0]["children"]).each(function(i, n) {
				accordHtml += "<h3>" + n.mnname + "</h3><div>";
				accordHtml += "";
				$(n["children"]).each(function(j, m) {
					accordHtml += "<div class=\"menuDiv\"><a href=\"javascript:void(0);\" onclick=\"javascript:handleMenu('"
							+ m.realid
							+ "','"
							+ m.mnname
							+ "','"
							+ m.mnurl
							+ "');\">" + m.mnname + "</a></div>";
				});
				accordHtml += "";
				accordHtml += "</div>";
			})
			$("#accordion").html(accordHtml);
			$("#accordion").accordion({
					// heightStyle: "fill"
					});
		}
	});

});

var tabCounter = 2;
var tabTemplate = "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close'>Remove Tab</span></li>";

function addTab(mnid, name, url) {
	var ol = $("div[mnid=" + mnid + "]");

	if (ol.length == 0) {
		var tabs = $("#tabs");
		var id = "tabs-" + tabCounter;
		var li = $(tabTemplate.replace(/#\{href\}/g, "#" + id).replace(
				/#\{label\}/g, name));
		tabs.find(".ui-tabs-nav").append(li);
		tabs
				.append("<div id='"
						+ id
						+ "' mnid='"
						+ mnid
						+ "' tabIdx='"
						+ (tabCounter - 1)
						+ "'><iframe src='"
						+ context
						+ url
						+ "' frameborder='0' width='100%' height='100%' class='menuFrame'></iframe></div>");
		tabs.tabs("refresh");
		tabs.tabs({
					active : ($($("a[href=#" + id + "]")[0]).attr("tabindex"))
				});
		tabCounter++;
	} else {
		$("#tabs").tabs({
			active : $($("a[href=#" + $(ol[0]).attr("id") + "]")[0])
					.attr("tabindex")
		});
	}
}

function handleMenu(id, name, url) {
	addTab(id, name, url);
}

function initDesktop() {

}